<template>
  <div class="transaction-password">
    <div class="page-title" style="cursor: pointer;">
      <i class="el-icon-arrow-left"></i> 账号注销
    </div>
    <div class="log-container">
      <div>
        <div class="tit-log">您的账号</div>
        <div class="el-input is-disabled"><!---->
          <input type="text" disabled="disabled" autocomplete="off" class="el-input__inner">
          <!----><!----><!----><!----></div>
      </div>
      <div>
        <div class="tit-log">为什么要离开?</div>
        <div class="content el-textarea">
          <textarea autocomplete="off" placeholder="请输入"
            maxlength="1000" class="el-textarea__inner"
            style="resize: none; min-height: 33px;"></textarea>
          <!----></div>
      </div>
      <div>
        <button type="button" class="el-button el-button--primary el-button--medium"
                style="width: 412px; height: 44px; margin-top: 22px;"><!----><!----><span> 确定注销 </span></button>
      </div>
    </div>
    <div class="el-dialog__wrapper" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="您确认要注销吗?" class="el-dialog el-dialog--center"
           style="margin-top: 15vh; width: 30%;">
        <div class="el-dialog__header"><span class="el-dialog__title">您确认要注销吗?</span>
          <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
              class="el-dialog__close el-icon el-icon-close"></i></button>
        </div><!---->
        <div class="el-dialog__footer"><span class="dialog-footer"><button
                                                                                              type="button"
                                                                                              class="el-button el-button--default"><!---->
          <!----><span>取消</span></button><button type="button"
                                                   class="el-button el-button--primary"><!---->
          <!----><span>同意注销</span></button></span></div>
      </div>
    </div>
    <div class="el-dialog__wrapper es-dialog" style="display: none;">
      <div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center"
           style="margin-top: 15vh; width: 475px;">
        <div class="el-dialog__header">
          <div class="dialog-title"><span>输入交易密码</span></div>
          <button type="button" aria-label="Close" class="el-dialog__headerbtn"><i
              class="el-dialog__close el-icon el-icon-close"></i></button>
        </div><!----><!----></div>
    </div>
  </div>
</template>
<script setup></script>
<style scoped>
.transaction-password{
  width: 422px;
}
.page-title {
  font-weight: 700;
  font-size: 24px;
  color: #333;
}
.form {
  margin-top: 50px;
}
.el-form-item {
  margin-bottom: 22px;
}
.transaction-password .eye-icon{
  width: 30px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.transaction-password .eye-icon > img{
  width: 14px;
  margin: 0px;
}
.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
.form .form-submit-btn {
  width: 100%;
  display: block;
  background-color: var(--color-main);
  color: rgb(255, 255, 255);
  height: 52px;
  margin-top: 50px;
}
.log-container{
  margin-top: 28px;
  margin-left: 10px
}

.log-container .tit-log{
  margin-top: 12px;
  line-height: 40px;
  font-size: 14px
}
</style>